import React from 'react';
import {useSelector} from "../../redux/hooks";

export const Recommend:React.FC = () => {
  const recommends = useSelector(state => state.recommend)
  return (
    <div className="board">
      {recommends.map(recommend=>{
        return (
          <div className="recommend" key={recommend.id}>
            <img src={recommend.imgUrl} alt="recommend"/>
          </div>
        )
      })}
    </div>
  );
};
